<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《崩坏3》 官方网站</title>
    <link rel="shortcut icon" href="../icon/favicon.ico">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/jQuery.js"></script>
    <script src="../js/index.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="../js/user.js"></script>
</head>

<body>
    <!-- 顶部导航栏 Start-->
    <div class="top-bar">
        <div class="nav-wrap container">
            <div class="nav-list">
                <div class="item active">
                    <div>官网首页</div>
                    <span>HOME</span>
                </div>
                <div class="item">
                    <div>作战资讯</div>
                    <span>NEWS</span>
                </div>
                <div class="item">
                    <div>女武神</div>
                    <span>VALKYRIES</span>
                </div>
                <div class="item">
                    <div>动画壁纸</div>
                    <span>WALLPAPERS</span>
                </div>
                <div class="item">
                    <div>周边商城</div>
                    <span>MERCH</span>
                </div>
            </div>
            <div class="nav-ft">
                <div class="hasuser">
                    <a href="javascript:void(0);"></a>
                    <a href="javascript:void(0);">退出</a>
                </div>
                <div class="nouser">
                    <a href="./login.html">登录</a>
                    <a href="./regist.html">注册</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部导航栏 end -->

    <!-- 页面内容部分 Start-->
    <div class="page">
        <!-- banner部分 Start-->
        <div class="page-banner">
            <video
                poster="https://uploadstatic.mihoyo.com/bh3/upload/officialsites/201911/fristflame_1572953538_6108.jpg"
                autoplay="autoplay" autobuffer="" x5-video-player-type="h5" x-webkit-airplay="true"
                webkit-playsinline="true" loop="loop" muted="muted" class="page-banner-bg">
                <source
                    src="https://uploadstatic.mihoyo.com/bh3/upload/officialsites/201911/pcbanner_1572953849_6407.mp4"
                    type="audio/mp4">
            </video>
            <!-- pv视频 Start-->
            <div class="video-player">
                <div class="video-content">
                    <div class="video-close"></div>
                    <video
                        src="https://webstatic.mihoyo.com/upload/op-public/2022/09/28/78b26445b1d1e54177b6b50055e2c088_8865617932343100754.mp4"
                        controls></video>
                </div>
            </div>
            <!-- pv视频 end -->

            <!-- logo Start-->
            <div class="logo">
                <img src="../img/banner-logo.png" alt="图片加载失败">
            </div>
            <!-- logo end -->

            <!-- 下载 Start-->
            <div class="download">
                <div class="pv">
                    <video autoplay="autoplay" autobuffer="" x5-video-player-type="h5" x-webkit-airplay="true"
                        webkit-playsinline="true" loop="loop" muted="muted">
                        <source
                            src="https://webstatic.mihoyo.com/upload/op-public/2022/09/28/ba44e67a2bf94f4713f85d27c973a491_8440892982270737270.mp4"
                            type="audio/mp4">
                    </video>
                    <div class="pv-video-btn"></div>
                </div>
                <div class="download-box">
                    <div class="qr">
                        <div class="qrimg">
                            <img src="../img/banner-qrcode.png" alt="图片加载失败">
                            <div class="qr-line"></div>
                        </div>
                        <a href="">模拟器下载</a>
                    </div>
                    <div class="download-btns">
                        <a href="" class="tap-tap">
                            <img src="../img/banner-taptap.png" alt="米哈游"></a>
                        <a href="" class="and-btn">
                            <img src="../img/banner-android.png" alt="米哈游">Android下载
                        </a>
                    </div>
                    <img class="pc-down" src="../img/banner-pcdownload.png" alt="图片加载失败">
                </div>
                <div class="age-info-content">
                    <img src="../img/banner-age.png" alt="图片加载失败">
                </div>
            </div>
            <div class="pc-download">
                <div class="pcdl-content">
                    <div class="pcdl-close"></div>
                    <h3>请选择您的下载方式</h3>
                    <div class="pcdl-btns">
                        <a href="" class="pcdl-btn">
                            <div>完整客户端</div>
                            <span>文件大小: 8.9GB</span>
                        </a>
                        <a href="" class="pcdl-btn">
                            <div>官方下载器</div>
                            <span>文件大小: 121MB</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 下载 end -->

            <!-- 新闻资讯 Start-->
            <div class="new">
                <div class="news-swiper">
                    <div class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="../img/banner-swiper1.png" alt=""></div>
                            <div class="swiper-slide"><img src="../img/banner-swiper2.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="../img/banner-swiper3.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="../img/banner-swiper4.png" alt=""></div>
                            <div class="swiper-slide"><img src="../img/banner-swiper5.png" alt=""></div>
                            <div class="swiper-slide"><img src="../img/banner-swiper6.png" alt=""></div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="home-news-list">
                    <div class="cates">
                        <div class="cate active"><span>最新</span></div>
                        <div class="cate"><span>动态</span></div>
                        <div class="cate"><span>公告</span></div>
                        <div class="cate"><span>活动</span></div>
                        <div class="cate"><span>补给</span></div>
                    </div>
                    <div class="home-news-content">
                        <div class="new-content active">
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 《崩坏3》同人衍生作品创作指引 2.0</span>
                                    <span>2022-10-13</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 补给 ] 【补给】不灭星锚 | 进阶补给限时开启</span>
                                    <span>2022-10-26</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 禁域连战 | 参与活动获取水晶、璀璨周年礼盒等奖励!</span>
                                    <span>2022-10-25</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 10月24日外挂使用封禁名单</span>
                                    <span>2022-10-24</span>
                                </a>
                            </div>
                        </div>
                        <div class="new-content">
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 禁域连战 | 参与活动获取水晶、璀璨周年礼盒等奖励！</span>
                                    <span>2022-10-25</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 精准A：幽夜华尔兹&amp;贞仪★精准B：碎骨兔19C&amp;屠格涅夫</span>
                                    <span>2022-10-19</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 精准A：血渊之眸&amp;凡尔纳★精准B：影夜栖羽&amp;亚丝拉琪</span>
                                    <span>2022-10-13</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 服装商城上新 | 全新服装「水色流韵」</span>
                                    <span>2022-10-12</span>
                                </a>
                            </div>
                        </div>
                        <div class="new-content">
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 补给概率与补给结果公示</span>
                                    <span>2022-10-26</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 《崩坏3》同人衍生作品创作指引 2.0</span>
                                    <span>2022-10-13</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 10月24日外挂使用封禁名单</span>
                                    <span>2022-10-24</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 公告 ] 《崩坏3》联想平台停止联运公告</span>
                                    <span>2022-10-11</span>
                                </a>
                            </div>
                        </div>
                        <div class="new-content">
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 禁域连战 | 参与活动获取水晶、璀璨周年礼盒等奖励！</span>
                                    <span>2022-10-25</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 服装商城上新 | 全新服装「水色流韵」</span>
                                    <span>2022-10-12</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 【公告】V6.1作战凭证开启</span>
                                    <span>2022-10-01</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 飞花的献礼 | 累计登录游戏领取自选S级角色~</span>
                                    <span>2022-09-29</span>
                                </a>
                            </div>
                        </div>
                        <div class="new-content">
                            <div class="item">
                                <a href="">
                                    <span>[ 补给 ] 【补给】不灭星锚 | 进阶补给限时开启</span>
                                    <span>2022-10-26</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 精准A：幽夜华尔兹&amp;贞仪★精准B：碎骨兔19C&amp;屠格涅夫</span>
                                    <span>2022-10-19</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 补给 ] 魇夜星渊 | 进阶补给限时开启</span>
                                    <span>2022-10-13</span>
                                </a>
                            </div>
                            <div class="item">
                                <a href="">
                                    <span>[ 动态 ] 精准A：血渊之眸&amp;凡尔纳★精准B：影夜栖羽&amp;亚丝拉琪</span>
                                    <span>2022-10-13</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="more">
                        <a href="./news.html" class="more-btn">查看全部</a>
                    </div>
                </div>
            </div>
            <!-- 新闻资讯 end -->

        </div>
        <!-- banner部分 end -->

        <!-- 角色部分 Start-->
        <div class="roles">
            <div class="roles-wrap">
                <div class="big-img">
                    <img src="../img/index-roles-yuehen.png" alt="图片加载失败">
                </div>
                <div class="role-info">
                    <div class="role-info-title">
                        <h2>李素裳</h2>
                        <p>角色卡：玉骑士·月痕</p>
                    </div>
                    <div class="role-info-weapon">
                        <div class="weapon-text">
                            <div>
                                姓名：李素裳
                            </div>
                            <div>
                                装甲：玉骑士·月痕
                            </div>
                            <div>
                                作战方式：拳套
                            </div>
                        </div>
                        <div class="weapon-video">
                            <img src="https://webstatic.mihoyo.com/upload/contentweb/2022/09/28/77415a2402c38bdf553a4c94f69ab9b4_650913569202881562.png"
                                alt="米哈游">
                            <div class="weapon-video-btn"></div>
                        </div>
                    </div>
                    <div class="role-info-intro">
                        <div>
                            <div class="title">
                                <div class="line"></div>
                                <span>角色介绍</span>
                                <span>Character Overview</span>
                            </div>
                            <p>异能属性冰元素辅助角色</p>
                        </div>
                    </div>
                </div>
                <div class="role-action">
                    <div class="role-action_btns">
                        <div class="role-action_btn">
                            <div class="base-role-btn active">
                                <div class="imgbox">
                                    <img src="../img/index-roles-yuhen-head.png" alt="米哈游">
                                </div>
                                <div class="name">
                                    玉骑士·月痕
                                </div>
                            </div>
                        </div>
                        <div class="role-action_btn">
                            <div class="base-role-btn">
                                <div class="imgbox">
                                    <img src="../img/index-roles-zhenwo-head.png" alt="米哈游">
                                </div>
                                <div class="name">
                                    真我·人之律者
                                </div>
                            </div>
                        </div>
                        <div class="role-action_btn">
                            <div class="base-role-btn">
                                <div class="imgbox">
                                    <img src="../img/index-roles-luoxuan-head.png" alt="米哈游">
                                </div>
                                <div class="name">
                                    螺旋·愚戏之匣
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="role-action_more">
                        <a href="./valkyries.html">
                            查看全部女武神
                        </a>
                    </div>
                </div>
                <!-- 角色视频 Start-->
                <div class="rolevideo-player">
                    <div class="rolevideo-content">
                        <div class="rolevideo-close"></div>
                        <video
                            src="https://webstatic.mihoyo.com/upload/op-public/2022/09/28/0e9582b7b83ce101bd1b3a37a2ef081e_518464447120092921.mp4"
                            controls></video>
                    </div>
                </div>
                <!-- 角色视频 end -->
            </div>
        </div>
        <!-- 角色部分 end -->

        <!-- 联系我们部分 Start-->
        <div class="contract">
            <div class="contract-wrap">
                <div class="contract-wrap-content">
                    <div class="social">
                        <div class="social-item">
                            <div><img src="../img/contract-web.png" alt="米哈游"></div>
                            <div>官方微博</div>
                        </div>
                        <div class="social-item">
                            <div><img src="../img/contract-weixin.png" alt="米哈游"></div>
                            <div>官方微信</div>
                        </div>
                        <div id="qqBox" class="social-item">
                            <div><img src="../img/contract-qq.png" alt="米哈游"></div>
                            <div>客服QQ</div>
                        </div>
                        <div class="social-item">
                            <div><img src="../img/contratc-mihoyo.png" alt="米哈游"></div>
                            <div>官方社区</div>
                        </div>
                    </div>
                    <div class="contract-info">
                        <div class="contract-list">
                            <div class="title">
                                联系我们
                            </div>
                            <div class="contract-list-item">
                                客服电话：400-666-6312
                            </div>
                            <div class="contract-list-item">
                                未成年成长关爱热线：021-60371740
                            </div>
                            <div class="contract-list-item">
                                不良信息举报热线：021-60371750
                            </div>
                            <div class="contract-list-item">
                                投诉邮箱：tousu@mihoyo.com
                            </div>
                            <div class="contract-list-item">
                                合作洽谈：bh3_contact@mihoyo.com
                            </div>
                        </div>
                        <div class="contract-list qqgroup">
                            <div class="title">
                                官方QQ群
                            </div>
                            <div class="half-item">
                                <div class="contract-list-item">
                                    崩坏3官方①群：<span>579074091</span></div>
                                <div class="contract-list-item">
                                    崩坏3官方③群：<span>322530480</span></div>
                                <div class="contract-list-item">
                                    崩坏3官方⑦群：<span>486658559</span></div>
                                <div class="contract-list-item">
                                    崩坏3官方⑧群：<span>419960123</span></div>
                                <div class="contract-list-item">
                                    崩坏3官方⑩群：<span>586442980</span></div>
                                <div class="contract-list-item">
                                    崩坏3官方⑫群：<span>471316989</span></div>
                                <div class="contract-list-item">
                                    崩坏3桌面服官方②群：<span>872308494</span></div>
                                <div class="contract-list-item">
                                    崩坏3桌面服官方③群：<span>724886324</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="contract-img"><img src="../img/contratc-img-bg.png" alt="米哈游"></div>
                </div>
            </div>
        </div>
        <!-- 联系我们部分 end -->

    </div>
    <!-- 页面内容部分 end -->

    <!-- 底部栏 Start-->
    <div class="footer">
        <div class="footer-content container">
            <div class="footer-logo">
                <img src="../img/footer-logo.png" alt="图片加载失败">
                <span></span>
                <img src="../img/footer-bh3-logo.png" alt="图片加载失败">
            </div>
            <div class="footer-info">
                <div class="footer-link">
                    <a href="">用户协议</a>
                    <a href="">隐私政策</a>
                    <a href="">儿童隐私政策</a>
                    <a href="">自律公约</a>
                    <a href="">家长监护工程</a>
                    <a href="">关于我们</a>
                    <a href="">联系我们</a>
                    <a href="">加入我们</a>
                </div>
                <div class="footer-advice">
                    <p class="advice-info"> 健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。 </p>
                    <div class="inline-info">
                        <div class="shiling-info">
                            <span>适龄提示： 本游戏适合12岁以上玩家娱乐</span>
                        </div>
                        <span class="split-line"> | </span>
                        <a href="" class="footer-filing-item"> 沪公网安备31010402001113号 </a>
                        <span class="split-line"> | </span>
                        <span class="footer-filing-item">增值电信业务经营许可证：沪B2-20190555</span>
                    </div>
                </div>
                <div class="footer-filing">
                    <div class="footer-filing-content">
                        <a href="" class="footer-filing-item">沪ICP备19018275号-4</a>
                        <span class="split-line"> | </span>
                        <span class="footer-filing-item"> 沪网文〔2022〕1334-052号</span>
                        <span class="split-line"> | </span>
                        <span class="footer-filing-item">文网游备字〔2016〕Ｍ-CSG 1244 号</span>
                        <span class="split-line"> | </span>
                        <span class="footer-filing-item">新广出审【2016】961号</span>
                    </div>
                    <div class="footer-filing-tip">
                        <span> 互联网违法不良信息举报邮箱: tousu@mihoyo.com </span>
                        <span> 互联网违法不良信息举报电话: 021-60371750 （工作时间：每天10点 - 20点） </span>
                    </div>
                </div>
                <div class="footer-tip">亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听</div>
                <div class="guaiai-phone">未成年成长关爱热线：021-60371740 （服务时间：10:00-20:00）</div>
                <div class="copyright">&copy; 2016 米哈游版权所有｜上海米哈游影铁科技有限公司 客服电话：400-666-6312</div>
                <div class="footer-icon">
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部栏 end -->
</body>

</html>